<<<<<<< HEAD
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | Contact :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
    <script type="text/javascript" src="js/alert.js"></script>
    <link rel="stylesheet" href="css/lanrenzhijia.css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
	<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/ajaxfileupload.js" type="text/javascript"></script>

</head>
<body>
<!--header-->
	<div class="header">
        <div class="header-top">
            <div class="container">
                <div class="top-nav">
                    <span class="menu"> </span>
                    <ul>
                        <li class="active" ><a href="index.html" >主页  </a> </li>
                        <li><a href="about.html" data-hover="关于本站"  >关于本站 </a></li>
                        <li><a href="mygrid.html" data-hover="格子管理">格子管理</a></li>
                    </ul>
                    <!--script-->
                    <script>
                        $("span.menu").click(function(){
                            $(".top-nav ul").slideToggle(500, function(){
                            });
                        });
                    </script>
                </div>

                <div class="col-xs-8 menu" style="">
                    <button id="head-user" class="theme-login btn btn-primary" type="button">登录/注册</button>
                    <button id="head-zhuxiao" class=" btn btn-primary" style="opacity: 0" type="button">注销</button>
                </div>
                <div class="theme-popover col-xs-4" style="text-align: center;">
                    <div class="theme-poptit">
                        <a href="javascript:;" title="关闭" class="close">×</a>
                        <h3><a id="change-denglu" href="##"> 登录</a><-|-><a id="change-zhuce" href="##" >注册</a></h3>
                    </div>
                    <!--静态弹框模块-->

                    <div id="wangjimima" style="display: none;margin-top:30px;" >
                        <div class="alert alert-success" style="opacity: 0">
                            <strong id="wj-email"></strong>
                        </div>
                        <div class="input-group input-group-lg">
                            <span  class="input-group-addon" >找回邮箱</span>
                            <input id="forget-email" type="text" class="form-control" placeholder="请输入您注册时的邮箱" aria-describedby="sizing-addon1">
                        </div>
                        <div class="btn-group" style="margin-top:20px;">
                            <button id="forget-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                申请找回
                            </button>

                        </div>
                    </div>
                    <div id="denglu" style="text-align: center;margin-top:30px;">
                        <div class="alert alert-warning" style="opacity: 0">
                            <strong id="dl_fail"></strong>
                        </div>
                        <div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;" >
                            <span class="input-group-addon" style="width: 105px;">用户名</span>
                            <input id="dl_username" type="text" class="form-control" placeholder="请输入用户名" >
                        </div>
                        <div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;">
                            <span class="input-group-addon" style="width: 105px;">密码</span>
                            <input id="dl_password" type="password" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon1">
                        </div>


                        <div class="btn-group" style="margin-top:20px;">
                            <button id="denglu-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                登录
                            </button>
                            &nbsp;&nbsp;&nbsp;&nbsp;<span style="height: 45px;line-height: 45px;"><a id="forget-password" href="##">忘了密码 ~~~~(>_<)~~~~？</a></span></span>
                        </div>
                    </div>
                    <div id="zhuce" style="display: none;">

                        <div class="alert alert-warning " style="opacity: 0">
                            <strong id="zc_fail"></strong>
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left">
                            <span  style="width:105px;" class="input-group-addon" >用户名</span>
                            <input id="zc_username" type="text" class="form-control" placeholder="请输入(可中文)" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
                            <span style="width:105px;" class="input-group-addon" >密码</span>
                            <input id="zc_password" type="password" class="form-control" placeholder="请输入您的密码" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
                            <span class="input-group-addon" >您的邮箱</span>
                            <input id="zc_email" type="text" class="form-control" placeholder="目前只支持QQ邮箱" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
                            <span class="input-group-addon" >确认密码</span>
                            <input id="zc_repassword" type="password" class="form-control" placeholder="请确认您的密码" aria-describedby="sizing-addon1">
                        </div>
                        <div class="btn-group" style="margin-top:20px;">
                            <button id="zhuce-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                注册
                            </button>
                        </div>

                    </div>
                </div>

                <div class="clearfix"> </div>
            </div>
        </div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">

		<div class="contact-left">
				  	<h2>My Grid</h2>

			<div class="send" style="margin-top:-20px;margin-bottom:20px;text-align: center">
				<a href="##">
				<input id="add" type="button" value="新增" style="">
				</a>
			</div>
			<div id="filters"></div>
			<div id="portfoliolist">

			</div>
	</div>
</div>
		<!---->
		<div class="footer">
			<div class="container">
                <p class="footer-class">Copyright © 2050 Plover by  <a href="http://127.0.0.1" target="_blank">dragoncat</a></p>
			</div>

			 <script type="text/javascript">
				 function deleteGrid(thisobj) {
				 	var gridJson = {"gridId":$(thisobj).attr("id")}
					if(confirm("是否确认删除？")){
						$.ajax({
							url: "http://127.0.0.1/delete/grid",
							type: "POST",
							data: JSON.stringify(gridJson),
							dataType: 'json',
							contentType: 'application/json;charset=UTF-8',
							success: function (result) {
								location.reload();
							}
						});
					}

				 }

				 $(function(){
				     // 新增　
                    $("#add").click(function () {
                        if($("#head-user").html()!="登录/注册"){

                            $.ajax({
                                url: "http://127.0.0.1/count/grid",
                                type: "POST",
                                data: JSON.stringify(data),
                                dataType: 'json',
                                contentType: 'application/json;charset=UTF-8',
                                success: function (result) {
                                    alert(result.status)
                                    if(result.status==200){
                                        location.href="submit.html";
                                    }else if(result.status==302){
                                        $('.theme-popover').fadeIn(500);
                                    }else{
                                        alert(result.message);
                                    }

                                }
                            });
                        }else{
                            $('.theme-popover').fadeIn(500);
                        }
                    })
				 	var data = {}
				 	//


					 $.ajax({
						 url: "http://127.0.0.1/list/grid",
						 type: "POST",
						 data: JSON.stringify(data),
						 dataType: 'json',
						 contentType: 'application/json;charset=UTF-8',
						 success: function (result) {
                             if(result.status==200){
                                 $.each(result.data, function(i,item){
                                     $("#portfoliolist").append(" <div class='portfolio "+item.type+" mix_all col-center-block' data-cat='"+item.type+"' style='display: inline-block; opacity: 1;'>"+
                                             "<div class='portfolio-wrapper '><button id='"+item.id+"' class='deleteButton' onclick='deleteGrid(this)' ></button><a href='showgrid.html?gridId="+item.id+"'><img id="+item.id+" class='img-responsive' "+
                                             "src='"+item.image+"'alt='xxx'/></a><div class='gir'><h5>"+item.name+"</h5><p>"+item.describtion+"</p></div></div></div>");
                                 });
                             }
                             if(result.status==302){
                                 $('.theme-popover').fadeIn(500);
                             }
						 }
					 });

				 });

			 </script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">xxxxxxxxxxxxxxxxx </span></a>
		</div>
</div>
</body>
=======
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | Contact :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
    <script type="text/javascript" src="js/alert.js"></script>
    <link rel="stylesheet" href="css/lanrenzhijia.css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
	<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/ajaxfileupload.js" type="text/javascript"></script>

</head>
<body>
<!--header-->
	<div class="header">
        <div class="header-top">
            <div class="container">
                <div class="top-nav">
                    <span class="menu"> </span>
                    <ul>
                        <li class="active" ><a href="index.html" >主页  </a> </li>
                        <li><a href="about.html" data-hover="关于本站"  >关于本站 </a></li>
                        <li><a href="mygrid.html" data-hover="格子管理">格子管理</a></li>
                    </ul>
                    <!--script-->
                    <script>
                        $("span.menu").click(function(){
                            $(".top-nav ul").slideToggle(500, function(){
                            });
                        });
                    </script>
                </div>

                <div class="col-xs-8 menu" style="">
                    <button id="head-user" class="theme-login btn btn-primary" type="button">登录/注册</button>
                    <button id="head-zhuxiao" class=" btn btn-primary" style="opacity: 0" type="button">注销</button>
                </div>
                <div class="theme-popover col-xs-4" style="text-align: center;">
                    <div class="theme-poptit">
                        <a href="javascript:;" title="关闭" class="close">×</a>
                        <h3><a id="change-denglu" href="##"> 登录</a><-|-><a id="change-zhuce" href="##" >注册</a></h3>
                    </div>
                    <!--静态弹框模块-->

                    <div id="wangjimima" style="display: none;margin-top:30px;" >
                        <div class="alert alert-success" style="opacity: 0">
                            <strong id="wj-email"></strong>
                        </div>
                        <div class="input-group input-group-lg">
                            <span  class="input-group-addon" >找回邮箱</span>
                            <input id="forget-email" type="text" class="form-control" placeholder="请输入您注册时的邮箱" aria-describedby="sizing-addon1">
                        </div>
                        <div class="btn-group" style="margin-top:20px;">
                            <button id="forget-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                申请找回
                            </button>

                        </div>
                    </div>
                    <div id="denglu" style="text-align: center;margin-top:30px;">
                        <div class="alert alert-warning" style="opacity: 0">
                            <strong id="dl_fail"></strong>
                        </div>
                        <div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;" >
                            <span class="input-group-addon" style="width: 105px;">用户名</span>
                            <input id="dl_username" type="text" class="form-control" placeholder="请输入用户名" >
                        </div>
                        <div class="input-group input-group-lg zc-div-width col-xs-6" style="float:left;">
                            <span class="input-group-addon" style="width: 105px;">密码</span>
                            <input id="dl_password" type="password" class="form-control" placeholder="请输入密码" aria-describedby="sizing-addon1">
                        </div>


                        <div class="btn-group" style="margin-top:20px;">
                            <button id="denglu-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                登录
                            </button>
                            &nbsp;&nbsp;&nbsp;&nbsp;<span style="height: 45px;line-height: 45px;"><a id="forget-password" href="##">忘了密码 ~~~~(>_<)~~~~？</a></span></span>
                        </div>
                    </div>
                    <div id="zhuce" style="display: none;">

                        <div class="alert alert-warning " style="opacity: 0">
                            <strong id="zc_fail"></strong>
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left">
                            <span  style="width:105px;" class="input-group-addon" >用户名</span>
                            <input id="zc_username" type="text" class="form-control" placeholder="请输入(可中文)" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
                            <span style="width:105px;" class="input-group-addon" >密码</span>
                            <input id="zc_password" type="password" class="form-control" placeholder="请输入您的密码" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
                            <span class="input-group-addon" >您的邮箱</span>
                            <input id="zc_email" type="text" class="form-control" placeholder="目前只支持QQ邮箱" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-lg col-xs-6 zc-div-width" style="float:left;">
                            <span class="input-group-addon" >确认密码</span>
                            <input id="zc_repassword" type="password" class="form-control" placeholder="请确认您的密码" aria-describedby="sizing-addon1">
                        </div>
                        <div class="btn-group" style="margin-top:20px;">
                            <button id="zhuce-button" class="btn btn-success btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                注册
                            </button>
                        </div>

                    </div>
                </div>

                <div class="clearfix"> </div>
            </div>
        </div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">
	<div class="container">

		<div class="contact-left">
				  	<h2>My Grid</h2>

			<div class="send" style="margin-top:-20px;margin-bottom:20px;text-align: center">
				<a href="##">
				<input id="add" type="button" value="新增" style="">
				</a>
			</div>
			<div id="filters"></div>
			<div id="portfoliolist">

			</div>
	</div>
</div>
		<!---->
		<div class="footer">
			<div class="container">
                <p class="footer-class">Copyright © 2050 Plover by  <a href="http://127.0.0.1" target="_blank">dragoncat</a></p>
			</div>

			 <script type="text/javascript">
				 function deleteGrid(thisobj) {
				 	var gridJson = {"gridId":$(thisobj).attr("id")}
					if(confirm("是否确认删除？")){
						$.ajax({
							url: "http://127.0.0.1/delete/grid",
							type: "POST",
							data: JSON.stringify(gridJson),
							dataType: 'json',
							contentType: 'application/json;charset=UTF-8',
							success: function (result) {
								location.reload();
							}
						});
					}

				 }

				 $(function(){
				     // 新增　
                    $("#add").click(function () {
                        if($("#head-user").html()!="登录/注册"){

                            $.ajax({
                                url: "http://127.0.0.1/count/grid",
                                type: "POST",
                                data: JSON.stringify(data),
                                dataType: 'json',
                                contentType: 'application/json;charset=UTF-8',
                                success: function (result) {
                                    alert(result.status)
                                    if(result.status==200){
                                        location.href="submit.html";
                                    }else if(result.status==302){
                                        $('.theme-popover').fadeIn(500);
                                    }else{
                                        alert(result.message);
                                    }

                                }
                            });
                        }else{
                            $('.theme-popover').fadeIn(500);
                        }
                    })
				 	var data = {}
				 	//


					 $.ajax({
						 url: "http://127.0.0.1/list/grid",
						 type: "POST",
						 data: JSON.stringify(data),
						 dataType: 'json',
						 contentType: 'application/json;charset=UTF-8',
						 success: function (result) {
                             if(result.status==200){
                                 $.each(result.data, function(i,item){
                                     $("#portfoliolist").append(" <div class='portfolio "+item.type+" mix_all col-center-block' data-cat='"+item.type+"' style='display: inline-block; opacity: 1;'>"+
                                             "<div class='portfolio-wrapper '><button id='"+item.id+"' class='deleteButton' onclick='deleteGrid(this)' ></button><a href='showgrid.html?gridId="+item.id+"'><img id="+item.id+" class='img-responsive' "+
                                             "src='"+item.image+"'alt='xxx'/></a><div class='gir'><h5>"+item.name+"</h5><p>"+item.describtion+"</p></div></div></div>");
                                 });
                             }
                             if(result.status==302){
                                 $('.theme-popover').fadeIn(500);
                             }
						 }
					 });

				 });

			 </script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">xxxxxxxxxxxxxxxxx </span></a>
		</div>
</div>
</body>
>>>>>>> 87862a9414168c7958e3f27eded4d0e8c1646de5
</html>